<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0, user-scalable=no">
    <title>海报</title>
	
	
	<!-- 这里是插件使用的依赖库jquery和html2canvas -->
    <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="js/html2canvas.min.js"></script>
	<!-- 这里是插件 -->
	<script type="text/javascript" src="js/exception-log.js"></script>

</head>
<body class="login-bg">

<!-- 这里有三个参数 -->
<!-- appId代表当前使用插件的系统代号 -->
<input id="appId" type="hidden" value="demo"/>
<!-- userId代表当前登录用的ID -->
<input id="userId" type="hidden" value="36597842"/>
<!-- apiUrl代表手机问题的系统地址 -->
<input id="apiUrl" type="hidden" value="https://mine-dev.cpic.com.cn/screen/restore"/>


<!-- 下面是正常的网页正文 -->
<div id="result">
	<div>
		这里是网页正文</br>
		这里是网页正文111</br>
		这里是网页正文22</br>
		这里是网页正文1</br>
		这里是网页正文123</br>
		这里是网页正文12</br>
	</div>
	<button id="ccc" style="    width: 100%;    height: 50px;    line-height: 50px;    font-size: 2em;     margin-top: 50px;" >点我</button>
</div>

<script>
    $("#ccc").click(function(){
        console.log("模拟异常开始");
		//这里可以传入业务参数。字段名可以在插件顶部查看
		
		//举例  data.action = "用户登录"标识当前操作名称为：用户登录
        data.action = "登陆报错";
		
		//默认不上传数据，用户点击图标才上传截屏和数据
		//可以通过data.errorLevel="error";来设置默认上传
		
		//在需要的地方调用一下exception函数就能展示反馈问题的小图标
        exception();
		
		
		//上传完成的数据可以在https://mine-dev.cpic.com.cn/screen/admin查看
        console.log("模拟异常结束");
    });
</script>

</body>
</html>
